<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>ประปา</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" />
<script src="assets/js/modernizr.js" type="text/javascript"></script>
</head>

<body>
<div class="wrapper">
	<div id="header-bar"> <img src="assets/images/logo.png" height="50" id="main-logo"  /> </div>
	<!-- END header-bar-->
	
	<div id="top-bar" class="clearfix">
		<div class="pull-right">
			<ul class="bar-menu clearfix">
				<li class="envelope-main"><a href="javascript:void()"><i class="fa fa-cog"></i></a>
					<div class="popup-info">
						<div class="notification">
							<div class="clearfix" id="bg-change">
								<div class="pull-left">เลือกพื้นหลัง :</div>
								<div class="pull-left change-bg"  id="theme-bg-1"></div>
								<div class="pull-left change-bg" id="theme-bg-2"></div>
								<div class="pull-left change-bg"  id="theme-bg-3"></div>
								<div class="pull-left change-bg"  id="theme-bg-4"></div>
							</div>
						</div>
					</div>
				</li>
				<li class="envelope-main"><a href="javascript:void()"><i class="fa fa-envelope"></i> <span class="badge">2</span></a>
					<div class="popup-info">
						<div class="notification">Insert Notification</div>
					</div>
				</li>
				<li class="admin-info"><a href="javascript:void()"><i class="fa fa-user"></i> administrator</a>
					<div class="popup-info">
						<div class="notification">Insert Admin Info</div>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<!-- END Top-Bar -->
	
	<div id="detail-area" class="clearfix"> 
		
		<!-- BEGIN SIDEMENU -->
		<div class="hidden-xs hidden-sm page-sidebar" id="side-menu">
			<ul class="page-sidebar-menu">
				<li class="info ">
					<div class="clearfix">
						<div><strong>ยินดีต้อนรับ</strong></div>
						<div><i class="fa fa-user"></i> หัวหน้าส่วนงาน</div>
						<div class="mt-10"><strong>คุณเข้าระบบครั้งล่าสุดเมื่อ</strong></div>
						<div class="mb-10"><i class="fa fa-clock-o"></i> 23 / 04 / 2557 13:05:44</div>
					</div>
				</li>
				<li><a href="javascript:void()" ><i class="fa fa-briefcase"></i> การจัดการระบบ <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="javascript:void(0)"  ><i class="fa fa-folder"></i> ตารางรหัสอ้างอิง <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลองค์กร</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมุลเขตผู้ใช้น้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลประเภทผู้ใช้น้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมุลรหัสรับเงิน</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลขนาดมาตรวัดน้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลยี่ห้อมาตรวัดน้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลประเภทติดตั้งประปา</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลกลุ่มคำร้อง</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลรหัสคำร้อง</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลหมายเหตุการอ่านมาตรวัดน้ำ</a></li>
							</ul>
						</li>
						<li class="menu-last-child  have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> ตารางรหัสควบคุมระบบ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลเลขใบแจ้งหนี้</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลหมายเลขใบเสร็จรับเงิน</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลการคิดอัตราค่าน้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลพนักงานอ่านมาตรวัดน้ำ</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> ยกเลิกการรับเงินรายกลุ่ม</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li class="active"><a href="javascript:void()" ><i class="fa fa-briefcase"></i> ทะเบียนผู้ใช้น้ำ <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li class="active"  ><a href="menu-1.html" ><i class="fa fa-folder"></i> เพิ่มทะเบียนผู้ใช้น้ำ</a></li>
						<li><a href="menu-2.html" ><i class="fa fa-folder"></i> แก้ไขทะเบียนผู้ใช้น้ำ</a></li>
						<li><a href="javascript:void()"><i class="fa fa-folder"></i> สถิติการใช้น้ำ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> สอบถามข้อมูลผู้ใช้น้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> สถิตถการใช้น้ำ</a></li>
							</ul>
						</li>
						<li class="menu-last-child  have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> รายงานข้อมูลการใช้น้ำ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานรายละเอียดผู้ใช้น้ำ</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานข้อมูลเงินประกัน</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li><a href="javascript:void()"><i class="fa fa-briefcase"></i> อ่านมาตร<span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="menu-3.html" ><i class="fa fa-folder"></i> เตรียมข้อมูลการอ่านมาตร</a></li>
						<li><a href="menu-4.html" ><i class="fa fa-folder"></i> บันทึก/แก้ไขข้อมูลการอ่านมาตร</a></li>
						<li><a href="menu-5.html" ><i class="fa fa-folder"></i> แก้ไขข้อมูลการอ่านมาตร</a></li>
						<li  class="menu-last-child   have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> รายงานเส้นทางการอ่านน้ำ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานสถานะเส้นทางการอ่านมาตร</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานข้อมูลการอ่านน้ำ (น้ำสูง)</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li><a href="javascript:void()"><i class="fa fa-briefcase"></i> ลูกหนี้ <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="javascript:void()"><i class="fa fa-folder"></i> พิมพ์ใบแจ้งหนี้</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> บันทึกข้อมูลใบแจ้งหนี้ (MB) <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="menu-6.html"><i class="fa fa-coffee"></i> บันทึกข้อมูลใบแจ้งหนี้ (MB)</a></li>
								<li><a href="menu-7.html"><i class="fa fa-coffee"></i> แก้ไขข้อมูลใบแจ้งหนี้ (MB)</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> ยกเลิกข้อมูลใบแจ้งหนี้ (MB)</a></li>
							</ul>
						</li>
						<li class="menu-last-child   have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> รายงานข้อมูลลูกหนี้ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานเบิกจ่ายใบแจ้งหนี้และใบเสร็จ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานยกเลิกใลแจ้งหนี้</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานการจัดทำใบแจ้งหนี้</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานข้อมูลลูกหนี้</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานค่าน้ำประปาประจำเดือน</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li><a href="javascript:void()"><i class="fa fa-briefcase"></i> รับเงิน <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รับเงินค่าน้ำ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="menu-8.html"><i class="fa fa-coffee"></i> รับเงินค่าน้ำรายเดี่ยว</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รับเงินค่าน้ำรายกลุ่ม</a></li>
							</ul>
						</li>
						<li><a href="menu-9.html" ><i class="fa fa-folder"></i> รับเงินค่าอื่นๆ</a></li>
						<li><a href="menu-11.html" ><i class="fa fa-folder"></i> ยกเลิกข้อมูลการรับเงิน</a></li>
						<li><a href="javascript:void()"><i class="fa fa-folder"></i> ปิดการรับเงิน <span class="arrow "></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> ปิดการรับเงินประจำวัน</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> ยกเลิกการปิดการรับเงินประจำวัน</a></li>
							</ul>
						</li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> สอบถามข้อมูลการรับเงิน <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="menu-10.html"><i class="fa fa-coffee"></i> สอบถามตามใบเสร็จ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> สอบถามตามวันที่รับเงิน</a></li>
							</ul>
						</li>
						<li class="menu-last-child have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> รายงานการรับเงิน <span class="arrow "></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานก่อนปิดการรับเงินประจำวัน</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานหลังปิดการรับเงินประจำวัน</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานสรุปการรับเงินประจำวัน</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i> คำร้อง</a>
					<ul class="sub-menu">
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> คำร้องขอติดตั้งประปา</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> คำร้องเกี่ยวกับมาตรวัดน้ำ</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> คำร้องอื่นๆ</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> ยกเลิกคำร้อง</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> สอบถามคำร้อง</a></li>
						<li class="menu-last-child   have-sub"><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงาน <span class="arrow "></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานการรับคำร้องประจำวัน</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานสรุปการรับคำร้อง</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานผู้บริหาร</a>
					<ul class="sub-menu">
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานรายได้จากการบริการ</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานสรุปยอดเก็บค่าขยะประจำวัน</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานสรุปยอดเก็บค่าขยะประจำเดือน</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานสรุปยอดเก็บค่าบำบัดน้ำเสียประจำวัน</a></li>
						<li class="menu-last-child "><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานสรุปยอดเก็บค่าบำบัดน้ำเสียประจำเดือน</a></li>
					</ul>
				</li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i> ระงับการใช้น้ำ (ผูกลวด)</a></li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i> มาตรครบวาระ</a></li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i> MWA Admin <span class="arrow "></span></a>
					<ul class="sub-menu">
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> กำหนดวันที่ของระบบ</a></li>
						<li class="menu-last-child "><a href="javascript:void()" ><i class="fa fa-folder"></i> บันทึกข้อมูลภาษีมูลค่าเพิ่ม</a></li>
					</ul>
				</li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i> MWA User <span class="arrow "></span></a>
					<ul class="sub-menu">
						<li class="menu-last-child "><a href="javascript:void()" ><i class="fa fa-folder"></i> จัดทำใบแจ้งค่าบริการรายเดือน</a></li>
					</ul>
				</li>
				<li><a href="javascript:void()"><i class="fa fa-sign-out"></i> ออกจากระบบ</a></li>
			</ul>
		</div>
		<!-- End SIDEMENU--> 
		
		<!-- BEGIN RIGHT DETAIL-->
		<div class="col-sm-12 col-xs-12" id="right-detail">
			<div id="navigator-bar"><i class="fa fa-home"></i> หน้าหลัก <i class="fa fa-angle-right ml-5 mr-5"></i> เพิ่มข้อมูลผู้ใช้น้ำ</div>
			<!--End navigator-bar-->
			<div >
				<div id="page-header" class="clearfix">
					<div>เพิ่มข้อมูลผู้ใช้น้ำ</div>
				</div>
				<div class="alert alert-success hide"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span> Well done! You successfully read this important alert message.</div>
				<div class="alert alert-danger hide"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-times fa-stack-1x fa-inverse"></i> </span> Oh snap! Change a few things up and try submitting again.</div>
				<div id="form-nav">
					<div class="form-wizard box-first"> <a  href="javascript:void()" data-link="form-1" class="step-link">
						<div class="form-wizard-box active">1.ข้อมูลผู้ใช้น้ำ</div>
						</a> </div>
					<div class="form-wizard box-2"> <a href="javascript:void()" data-link="form-2" class="step-link">
						<div class="form-wizard-box">2.ข้อมูลผู้ติดตั้ง</div>
						</a> </div>
					<div class="form-wizard box-last"> <a  href="javascript:void()"  data-link="form-3" class="step-link">
						<div class="form-wizard-box">3.ดูข้อมูลผู้ใช้น้ำ</div>
						</a> </div>
				</div>
				<!-- End form-nav-->
				
				<div class="form-detail clearfix">
					<form class="form-horizontal" role="form">
						<div id="form-1" class="form-step">
							<fieldset>
								<legend>ข้อมูลผุ้ใช้น้ำ</legend>
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-3 control-label">ทะเบียนผู้ใช้น้ำ</label>
									<div class="col-sm-7 mt-5"> 57000001 </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">เขต</label>
									<div class="col-sm-3">
										<select class="form-control">
											<option>-- เลือกเขต--</option>
										</select>
									</div>
									<label for="inputPassword3" class="col-sm-3 control-label">เส้นทาง</label>
									<div class="col-sm-3">
										<select class="form-control">
											<option>-- เลือกเส้นทาง --</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">ลำดับ</label>
									<div class="col-sm-3">
										<input type="text" class="form-control" id="inputPassword3" placeholder="ลำดับ">
									</div>
									<label for="inputPassword3" class="col-sm-3 control-label">คำนำหน้าชื่อ</label>
									<div class="col-sm-3">
										<input type="text" class="form-control" id="inputPassword3" placeholder="คำนำหน้าชื้อ">
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">ชื่อ-สกุล <span class="comment">*</span></label>
									<div class="col-sm-9 row">
										<div class="col-sm-6">
											<input type="text" class="form-control" id="inputPassword3" placeholder="ชื่อผู้ใช้น้ำ">
										</div>
										<div class="col-sm-6">
											<input type="text" class="form-control" id="inputPassword3" placeholder="นามสกุลผู้ใช้น้ำ">
										</div>
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">หมายเลขบัตรประชาชน (13 หลัก)</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputPassword3" placeholder="หมายเลขบัตรประจำตัวประชาชน">
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">หมายเลขผู้เสียภาษี </label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputPassword3" placeholder="หมายเลขผู้เสียภาษี">
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">สาขาที่(ผู้เสียภาษี)</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputPassword3" placeholder="สาขาที่(ผู้เสียภาษี)">
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">รหัสประจำบ้าน <br />
										(11 หลัก)</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputPassword3" placeholder="รหัสประจำบ้าน">
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">สถานที่ใช้น้ำ</label>
									<div class="col-sm-9 row">
										<div class="col-sm-6 mt-5">
											<label for="exampleInputEmail1">บ้านเลขที่ <span class="comment">*</span></label>
											<input type="text" class="form-control" id="inputPassword3" placeholder="บ้านเลขที่">
										</div>
										<div class="col-sm-6 mt-5">
											<label for="exampleInputEmail1">หมู่ที่</label>
											<input type="text" class="form-control" id="inputPassword3" placeholder="หมู่ที่">
										</div>
										<div class="col-sm-12 mt-5">
											<label for="exampleInputEmail1">หมู่บ้าน/ซอย/ถนน </label>
											<input type="text" class="form-control" id="inputPassword3" placeholder="หมู่บ้าน/ซอย/ถนน ">
										</div>
										<div class="col-sm-6 mt-5">
											<label for="exampleInputEmail1">ตำบล</label>
											<input type="text" class="form-control" id="inputPassword3" placeholder="ตำบล">
										</div>
										<div class="col-sm-6 mt-5">
											<label for="exampleInputEmail1">อำเภอ</label>
											<input type="text" class="form-control" id="inputPassword3" placeholder="อำเภอ">
										</div>
										<div class="col-sm-6 mt-5">
											<label for="exampleInputEmail1">จังหวัด</label>
											<select class="form-control">
												<option>-- เลือกจังหวัด --</option>
											</select>
										</div>
										<div class="col-sm-6 mt-5">
											<label for="exampleInputEmail1">รหัสไปรษณีย์</label>
											<input type="text" class="form-control" id="inputPassword3" placeholder="รหัสไปรษณีย์">
										</div>
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">โทรศัพท์(ที่ใช้น้ำ)</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputPassword3" placeholder="โทรศัพท์(ที่ใช้น้ำ)">
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">สถานที่ติดต่อ</label>
									<div class="col-sm-9 row">
										<div class="col-sm-6 mt-5">
											<label for="exampleInputEmail1">บ้านเลขที่</label>
											<input type="text" class="form-control" id="inputPassword3" placeholder="บ้านเลขที่">
										</div>
										<div class="col-sm-6 mt-5">
											<label for="exampleInputEmail1">หมู่ที่</label>
											<input type="text" class="form-control" id="inputPassword3" placeholder="หมู่ที่">
										</div>
										<div class="col-sm-12 mt-5">
											<label for="exampleInputEmail1">หมู่บ้าน/ซอย/ถนน </label>
											<input type="text" class="form-control" id="inputPassword3" placeholder="หมู่บ้าน/ซอย/ถนน ">
										</div>
										<div class="col-sm-6 mt-5">
											<label for="exampleInputEmail1">ตำบล</label>
											<input type="text" class="form-control" id="inputPassword3" placeholder="ตำบล">
										</div>
										<div class="col-sm-6 mt-5">
											<label for="exampleInputEmail1">อำเภอ</label>
											<input type="text" class="form-control" id="inputPassword3" placeholder="อำเภอ">
										</div>
										<div class="col-sm-6 mt-5">
											<label for="exampleInputEmail1">จังหวัด</label>
											<select class="form-control">
												<option>-- เลือกจังหวัด --</option>
											</select>
										</div>
										<div class="col-sm-6 mt-5">
											<label for="exampleInputEmail1">รหัสไปรษณีย์</label>
											<input type="text" class="form-control" id="inputPassword3" placeholder="รหัสไปรษณีย์">
										</div>
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">โทรศัพท์(ที่ติดต่อ)</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputPassword3" placeholder="โทรศัพท์(ที่ติดต่อ)">
									</div>
								</div>
								<hr />
								<div class="form-group">
									<div class="col-sm-offset-3 col-sm-9">
										<button type="submit" class="btn btn-primary"><i class="fa fa-floppy-o"></i> บันทึก</button>
									</div>
								</div>
							</fieldset>
						</div>
						<!-- END FORM 1 -->
						
						<div id="form-2" class="form-step">
							<fieldset>
								<legend>ข้อมูลผู้ติดตั้ง</legend>
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-3 control-label">ประเภทการติดตั้ง</label>
									<div class="col-sm-3">
										<select class="form-control">
											<option>-- ติดตั้งถาวร --</option>
										</select>
									</div>
									<label for="inputEmail3" class="col-sm-3 control-label">ประเภทผู้ใช้น้ำ</label>
									<div class="col-sm-3">
										<select class="form-control">
											<option>-- เลือก --</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-3 control-label">สถานะ</label>
									<div class="col-sm-3">
										<select class="form-control">
											<option>ปกติ</option>
										</select>
									</div>
									<label for="inputEmail3" class="col-sm-3 control-label">ส่วนลดทหารผ่านศึก</label>
									<div class="col-sm-3">
										<select class="form-control">
											<option>ไม่มี</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">ทะเบียนผู้ใช้น้ำ (เดิม)</label>
									<div class="col-sm-3">
										<input type="text" class="form-control" id="inputPassword3" placeholder="ทะเบียนผู้ใช้น้ำ (เดิม)">
									</div>
									<label for="inputPassword3" class="col-sm-3 control-label">ส่วนลดน้ำใช้</label>
									<div class="col-sm-2">
										<input type="text" class="form-control" id="inputPassword3" placeholder="0">
									</div>
									<div class="col-sm-1 mt-5">หน่วย</div>
								</div>
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-3 control-label">ขนาดมาตร <span class="comment">*</span></label>
									<div class="col-sm-3">
										<select class="form-control">
											<option>-- เลือก --</option>
										</select>
									</div>
									<label for="inputEmail3" class="col-sm-3 control-label">ยี่ห้อ</label>
									<div class="col-sm-3">
										<select class="form-control">
											<option>ASAHI</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">หมายเลขมาตร</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputPassword3" placeholder="หมายเลขมาตร">
									</div>
								</div>
								<div class="form-group">
									<label for="date1" class="col-sm-3 control-label">วันที่ติดตั้ง</label>
									<div class="col-sm-3" >
										<div class='input-group date' id='datetimepicker1'>
											<input type='text' class="form-control" />
											<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> </span> </div>
									</div>
									<label for="date2" class="col-sm-3 control-label">วันที่อ่านน้ำ</label>
									<div class="col-sm-3">
										<div class='input-group date' id='datetimepicker2'>
											<input type='text' class="form-control" />
											<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> </span> </div>
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">เลขในมาตร</label>
									<div class="col-sm-3">
										<input type="text" class="form-control" id="inputPassword3" placeholder="เลขในมาตร">
									</div>
									<label for="inputPassword3" class="col-sm-3 control-label">น้ำใช้เฉลี่ยต่อวัน</label>
									<div class="col-sm-3">
										<input type="text" class="form-control" id="inputPassword3" placeholder="น้ำใช้เฉลี่ยต่อวัน">
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">เงินประกัน</label>
									<div class="col-sm-2">
										<input type="text" class="form-control text-right" id="inputPassword3" placeholder="0">
									</div>
									<div class="col-sm-1 mt-5">บาท</div>
									<label for="inputPassword3" class="col-sm-3 control-label">ค่าเก็บขยะ</label>
									<div class="col-sm-2">
										<input type="text" class="form-control text-right" id="inputPassword3" placeholder="0">
									</div>
									<div class="col-sm-1 mt-5">บาท</div>
								</div>
								<hr />
								<div class="form-group">
									<div class="col-sm-offset-3 col-sm-9">
										<button type="submit" class="btn btn-primary"><i class="fa fa-floppy-o"></i> บันทึก</button>
									</div>
								</div>
							</fieldset>
						</div>
						<!-- END FORM 2-->
						
						<div id="form-3" class="form-step">
							<fieldset>
								<legend>ข้อมูลผุ้ใช้น้ำ</legend>
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-3 control-label">ทะเบียนผู้ใช้น้ำ</label>
									<div class="col-sm-7 mt-5"> 57000001 </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">เขต</label>
									<div class="col-sm-3 mt-5"> ยานนาวา </div>
									<label for="inputPassword3" class="col-sm-3 control-label">เส้นทาง</label>
									<div class="col-sm-3 mt-5"> 001 </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">ลำดับ</label>
									<div class="col-sm-3 mt-5"> 001 </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">ชื่อ-สกุล</label>
									<div class="col-sm-7 mt-5"> นาย ประปา นครหลวง </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">หมายเลขบัตรประชาชน</label>
									<div class="col-sm-3 mt-5"> 3994432012493 </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">หมายเลขผู้เสียภาษี </label>
									<div class="col-sm-3 mt-5"> 4436678 </div>
									<label for="inputPassword3" class="col-sm-3 control-label">สาขาที่(ผู้เสียภาษี)</label>
									<div class="col-sm-3 mt-5"> ยานนาวา </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">สาขาที่ใช้น้ำ</label>
									<div class="col-sm-9 mt-5"> 23/4 หมู่ 3 ถนน พระราม3 แขวง บางโพงพาง เขต ยานนาวา กรุงเทพ 10120 </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">โทรศัพท์(ที่ใช้น้ำ)</label>
									<div class="col-sm-7 mt-5"> 089-444-3323 </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">สถานที่ติดต่อ</label>
									<div class="col-sm-9 mt-5"> 23/4 หมู่ 3 ถนน พระราม3 แขวง บางโพงพาง เขต ยานนาวา กรุงเทพ 10120 </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">โทรศัพท์(ที่ติดต่อ)</label>
									<div class="col-sm-7 mt-5"> 089-444-3323 </div>
								</div>
							</fieldset>
							<fieldset class="mt-20">
								<legend>ข้อมูลผู้ติดตั้ง</legend>
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-3 control-label">ประเภทการติดตั้ง</label>
									<div class="col-sm-3 mt-5"> ติดตั้งถาวร </div>
									<label for="inputEmail3" class="col-sm-3 control-label">ประเภทผู้ใช้น้ำ</label>
									<div class="col-sm-3 mt-5"> คนธรรมดา </div>
								</div>
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-3 control-label">สถานะ</label>
									<div class="col-sm-3 mt-5"> ปกติ </div>
									<label for="inputEmail3" class="col-sm-3 control-label">ส่วนลดทหารผ่านศึก</label>
									<div class="col-sm-3 mt-5"> ไม่มี </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">ทะเบียนผู้ใช้น้ำ (เดิม)</label>
									<div class="col-sm-3 mt-5"> 57000001 </div>
									<label for="inputPassword3" class="col-sm-3 control-label">ส่วนลดน้ำใช้</label>
									<div class="col-sm-2 mt-5"> 0 หน่วย </div>
								</div>
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-3 control-label">ขนาดมาตร</label>
									<div class="col-sm-3 mt-5"> 1 </div>
									<label for="inputEmail3" class="col-sm-3 control-label">ยี่ห้อ</label>
									<div class="col-sm-3 mt-5"> ASAHI </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">หมายเลขมาตร</label>
									<div class="col-sm-7 mt-5"> 44755 </div>
								</div>
								<div class="form-group">
									<label for="date1" class="col-sm-3 control-label">วันที่ติดตั้ง</label>
									<div class="col-sm-3 mt-5" > 23/04/2557 </div>
									<label for="date2" class="col-sm-3 control-label">วันที่อ่านน้ำ</label>
									<div class="col-sm-3 mt-5"> 30/04/2557 </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">เลขในมาตร</label>
									<div class="col-sm-3 mt-5"> 004567 </div>
									<label for="inputPassword3" class="col-sm-3 control-label">น้ำใช้เฉลี่ยต่อวัน</label>
									<div class="col-sm-3 mt-5"> 8 หน่วย </div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-3 control-label">เงินประกัน</label>
									<div class="col-sm-3 mt-5"> 300 บาท </div>
									<label for="inputPassword3" class="col-sm-3 control-label">ค่าเก็บขยะ</label>
									<div class="col-sm-3 mt-5"> 50 บาท </div>
								</div>
							</fieldset>
							
							<!--
					  <div class="form-group mt-20">
						<div class="col-sm-offset-4 col-sm-8">
						  <button type="submit" class="btn btn-primary"><i class="fa fa-floppy-o"></i> บันทึก</button>
						</div>
					  </div>
					
					
				
				--> 
							
						</div>
						<!-- END FORM 3-->
						
					</form>
				</div>
				<!-- End form-detail --> 
				
			</div>
			<!-- End detail-area -->
			
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย การประปานครหลวง</div>
		</div>
		<!-- END RIGHT DETAIL--> 
		
	</div>
	<!-- End Detail-area--> 
	
</div>
<!-- End Wrapper --> 

<!-- JAVASCRIPT --> 
<script type="text/javascript" src="assets/js/jquery.min.js"></script> 
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="assets/js/bootstrap-datetimepicker.min.js" ></script> 
<script type="text/javascript" src="assets/js/script.js"></script> 

<!-- END JAVASCRIPT -->
</body>
</html>